Aplicar este código da como resultado la imagen que veis en la parte derecha inferior del blog, es de utilidad para "regresar" arriba desde cualquier parte de la página donde nos encontremos ya que la imagen permanece fija.



Para aplicarla en nuestro blog deberemos hacerlo en Edición de HTML de la plantilla y clicar Expandir plantillas de artilugios

Una vez ahí podemos aplicar el siguiente código entre las etiquetas <body> y </body> yo os recomendaría hacerlo justo antes de </body> de esa forma es más fácil encontrar el código si en algún momento pensamos cambiar o suprimir la imagen.

<a href="url-de-la-página"><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>

Espero te sea útil Lorena


Vero

Hala! qué bueno! a ver si encuentro una imagen que me guste pa poner ahí

Gracias! :D

Responder
Rafael

Uy, me gusta¡ Digo lo mismo que vero, a ver si pillo una imagen para ponerla ahi.
Otra cosa, es para pedirte algo...siempre pidiendo...¡jaja¡, mira, ¿como hay que hacer para que quien visite mi blog no pueda copiar ls textos?
Ah¡ y una buena noticia: Voy a poner a Norma y Diminuto. Ya está la primera entrega.
Un abrazo con abanico, asi, fresquito, "pa" estos calores.

Responder
Rafael

Y gracias, que se me olvidaba,jaja¡

Responder
JeJo

¿ Todo bién ? - Espero que sí !.
Vine paradejarte un dirección que me parece más que interesante :

Feevy

Tal ves la conoscas ...
Una manera interesante de linkear ... promocionando post.
Es free.

Te dejo un saludo y perdóname por traer más trabajo a tu casa!.

Responder
JeJo

Puedes ver losresultadosde lo mencionado en esta sidebar :

aquí

Saludos

Responder
Anónimo

Genial, es fácil y funciona muy bien, he creado una especie de botón con texto (Ir arriba) y una flecha y ha quedado bien, me ha gustado mucho. Muchas gracias pues no tenía ni idea de como hacer eso. Salud.

Responder
Admin

Hola Gema. Tu blog es fantástico. Permíteme darte mi más sincera enhorabuena. Gracias a ti he podido configurar mi humilde blog y darle un aspecto más personalizado. Si quieres echarle un vistazo, sería un honor que alguien con tus conocimientos pudiera darme su opinión acerca de cómo tengo el blog. Por supuesto, tus tus lectores también están invitados!

http://penyaelrot.blogspot.com

Un saludo y sigue así. Gracias! :D

Responder
Axiarel

muy interesante! quizas lo ponga en mi blog, un saludo!

Responder
Anónimo

Hola Gem@, por supuesto que te felicito y te agradezco toda la información que nos acercás; tengo serios problemas con el fondo de mi Blog, ya que la imagen que quiero poner no está e ninguna pagina pero la he subido Absolute Background Textures Archive_files, que es donde vos indicabas, pasa que me descargó una carpeta, no me dió jamás la URL...y esto es "demasiado" para hacerlo sola...la imagen flotante que quisiera poner, no se ni con el ejemplo donde iría, como alumna un cero inmenso...un saludo!!! y gracias.

Responder
Gem@

Hola Vero me alegra que te guste ;)

Hola Rafa :)
Yo diría que es casi imposible porque puede hacerse de varias formas, desde tomar una captura de la pantalla a mirar el código fuente de la página. Lo que si se puede es hacer trabajar un poco más al que tenga la intención de copiar y es añadiendo un script puedes ver la explicaciones aquí:
http://gemablog-.blogspot.com/2007/02/inhabiliar-botn-derecho-en-todo-el-blog.html
(Estuve en tu blog, me ha encantado esa nueva entrega sólo.. que sabe a poquito)
Un abrazo Rafa :)

¡¡Gracias Jejo¡¡ es muy interesante la miraré con mas calma y lo preparamos para una entrada ;)

Pues me alegra que te haya gustado Toni, espero encuentres cualquier otra idea por aquí ;)
Salud Toni.

Gracias por la invitación Admin Rotero ten por seguro que te haré una visita para intercambiar opiniones ;)

Bienvenido Axiarel Sobernek el código es todo tuyo ;)

Hola Flor bienvenida, me he despistado un poco con tu pregunta.
Veamos... antes de nada necesito saber que plantilla usas y qué imagen es la que deseas poner de fondo.
Puedes escribir aquí la dirección de tu blog, o si lo prefieres mándamela por e-mail junto a la imagen de fondo.
Con esos datos te voy diciendo paso a paso lo que debes hacer ;)

Responder
Anónimo

Muchisimas gracias Gem@, te enviaré un correo con la imagen que quiero cargar...un beso a todos y en especial para vos...

Responder
Gem@

;)

Responder
Anónimo

Hola querida gem@, mirare a ver si me sale el invento, de la imagen, recuerda que los artistas nos da con pequeñeces, para darle un toque a las cosas, de todas formas estare comunicandome contigo, tengo una duda enorme con algo que necesito me ayudes, eres la mejor, esoty haciendo un nuevo lbog mas organizado..gracias por tu ayuda..

Responder
Gem@

Saludos Leny espero poder ayudarte ;)

Responder
Jose, a secas

Hola Gem@:

Acabo de poner una imagen flotante en ¿Y qué digo hoy?. La he hecho con el Paint Shop Pro Photo XI (se nota que estoy empezando a usarlo, verdad?).

Funciona a la perfección, como siempre con todo lo que "cojo" de tu blog.

Un saludo,

JmpaSrgc

P.D.: Si alguien quiere una imagen personalizada puede pedírmela en cualquiera de mis blogs dejando su perfil activado para poder ver su/s blog/s y así hacerlo de forma que pegue mas con su estética y se la haré encantadísimo (ahora tengo tiempo, estoy de vacas todo el mes de Agosto :P ).

Responder
Claudio - Poca Tinta

Gracias, es muy util e interesante tu blog... esrare pendiente en leer..
Saludos
El Poca Tinta
http://poca-tinta.blogspot.com

Responder
Gem@

Es genial JmpaSrgc, y me parece estupendo el ofrecimiento que haces.


Saludos Claudio bienvenido ;)

Responder
Asuknamun

Excelente, ya lo puse en mi blog www.gamersofperu.blogspot.com gracias por poner estas pequeñas pero muy buenas utilidades.
Saludos

Responder
Gem@

Me alegra que fuera útil Asuknamun :)

Responder
AleMamá

Hola, Gema:
Mira he usado este asunto de la imagen y me pareció dejarte un comentario al respecto, pero quería precisar. Cuando no tenía el link a mi HOME, le pude poner un letrero de beinvenida al lado, luego, ya no, y te decía que lo había puesto enlos 'heads' para que fuera lo primero en cargar, y estaba muy bien, salvo por un problema...nuestro inefable IExplorer, que lo cargaba como "coronación" del blog, sin producir el efecto pedido :( ¡mira qué penita! Bueno, te lo digo para los demás amigos, por si sirviera.

Sigue descansando en tus vacaciones, pero te apuesto a que piensas en nosotros, tus foros y blogs. Un besote, linda.

Responder
Gem@

Hola Ale, he visto que ya te funciona bien, de todas formas te diré que ese código para "HOME" se puede aplicar donde aplicamos los códigos html. Es decir.. Plantilla/Añadir un elemento de página/HTML Javascript
(en la parte inferior del blog o en su defecto arrastrando la etiqueta hasta ese lugar)y funciona perfectamente con Explorer.
(Sigo de vacaciones hasta Septiembre Ale, pero mis escapadas a la playa ya terminaron. No te equivocaste, he pensado en todo y todos) ;)
Abrazos cálidos.

Responder
Petitabruixa

Hola!

Lo he colocado en "Cuando el viento sussurra" y me ha quedado muy bien.


Gracias, Gemma !!!

;-)

Responder
Andrés Laborde C.

gema!! no lo logro, muy amateur.
me sale:
Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "href".
no se que significa.. la imagen tiene que ser de algún porte máximo?
miles de gracias

Responder
Gem@

Gracias a ti Petitabruixa :)

Andrés mira que copies el código entero, sin omitir nada.
El tamaño de la imagen no afecta el código lo que si hace es que a mayor tamaño menor visibilidad de la página.
Aprovecho para felicitaros por ese bebé tan hermoso. Que lo criéis con mucha salud :)

Responder
Andrés Laborde C.

gracias gema, en eso estamos aunque sin pegar un ojo hace una semana.
me resultó más o menos, no apareció la imagen, solo el texto de "ir arriba" que cambié por el nombre del blog.
un abrazo y miles de gracias nuevamente

Responder
Gem@

Escucha Andrés prueba a sustituir en el código este signo que indican las flechas --> "<-- por este -->'<--
A veces un cambio tan simple hace que funcione.

Responder
Andrés Laborde C.

Cambié uno, algunos, todos, pero nada funciona... ya me está gustando el simple texto.
Gracias de todas maneras.

Responder
Gem@

¿Has puesto la url de la página en lugar de #?
Mándame el código que estás poniendo a mi mail, y la imagen que deseas añadir intentaré ver donde está el error.:)

Responder
Andrés Laborde C.

Impresionante lo amateur!! Me faltaba eso.
Gracias gema por todas las molestias, te pasaste!!!

Responder
El rojo Barclay

Excelente blog, la verdad que me ha sido de gran ayuda.

Te comento, en la declaración del botón, si en vez de poner la url del blog, pones un #, evitas que el browser recargue la pagina al presionar el botón.

Saludos.

Responder
Gem@

El rojo... agradezco mucho la aportación, y en verdad que llevas razón, yo lo tengo aplicado como comentas sin embargo a todos no le funciona así, por ejemplo Andrés (en comentarios anteriores lo puedes ver) es por eso que modifiqué la entrada por si algún visitante más tuviera el mismo problema.

Responder
Marta Nieves Montero González

Sé que es bastante tarde para descubrir este post sobre "Imagen flotante con efecto de "ir arriba", pero yo lo he descubierto ahora, después de haberme pasado una eternidad buscándolo.

Por fin lo encontré ¡dónde si no! en el ¡Blog de Gema! Gema ¡mi heroína!.

¡Bendita seas mi niña! ¡Eres un tesoro de sabiduría y maestría!

Muchísimas gracias Gema, ¡lo he conseguido!Me has hecho muy feliz.

¡Hasta pronto, cómplice!

Muchos besitos y ¡sé feliz!


Vesta, desde mi corazón.

Responder
Gem@

Cualquier cosa que busques y no encuentres házmelo saber Vesta, puede ser que esté con un título diferente incluso que no esté, en este último caso te ayudaría a localizarlo ;)

Responder
Blasckovich

Hola Gem@, primero que nada, decirte que es una pasada lo mucho que se puede aprender de tu blog, y en segundo lugar, como no, querria que me explicaras como haces para que en todas las paginas de tu blog, te funcione la imagen flotante yendo hacia arriba. No se si me explico bien.

Cuando se pulsa a la imagen flotante, la accion que sucede es que te lleva arriba del blog, bien, copiando tu codigo, me lleva a arriba del blog, pero solo de la pagina principal, sin embargo, he visto que en tu blog, te lleva arriba en todas las paginas.

Espero no haberte aburrido con este tocho, y enhorabuena por el blog, y gracias. Un saludo

Responder
Blasckovich

Ignora mi comentario, ya consegui que me saliera en todas las paginas.

Simplemente cambiando la url de mi pagina por #. Que bobada. xD

Un saludo

Responder
Gem@

Blasckovich no sólo no lo ignoro sino que te he visitado, ha quedado estupendo.
Acceder a tu blog abre el apetito ;)

Responder
LA ROSA DEL VIETNAM + ARCHIVO OCAÑÍ

Gracias por todos los trucos que vas colgando ahí... Te he pillado más de uno.
Acabo de colocar una mosquita verde... Por cierto, ¿sabes trucos para el Myspace?

Lo dicho, que gracias.

Responder
Anónimo

ESTa iDea M PArc BUenA pEro No lA NtIEnDo .

M PODRiAs ExPlICAr q eS lA PlanTilla esa ??

Y lA FoTo ??

ComO lA mETO ??

SpERo REsPuEStAs


http://quericosestanloschupachups.blogspot.com

http://espirula-pon-zi.blogspot.com

Responder
Gem@

Hola ROSA DEL VIETNAM me alegra que te sea útil lo que vas viendo, nunca he utilizado Myspace pero si he visto que la mayoría de códigos y efectos son tan válidos como para Blogger.

EsPiRuLa no entiendo tu comentario :(

Responder
Sibaritastur

pues a mi no me funciona gema, me sale abajo izq un cuadro blanco con un aspa o x en rojo y un texto q pone ir arriba, lo he visto con la funcion vista previa.

Responder
Gem@

SIBARITASTUR si no lo dejas puesto no puedo verlo :(

Responder
Anónimo

Hola:
En mi blog ya dispongo de un botón que produce ese efecto, el de volver arriba. Creo que es el mismo que nos explicas (digo creo porque he intentado aplicarlo y no funciona). Pero verás, a mi lo que me gusta es el efecto del que tienes incorporado en esta página. Me explico: el mío, cuando haces clic en la flecha, da un salto repentino hasta situarse a la altura del título de la última entrada. El tuyo sube progresivamente, como si de un ascensor se tratase. Es más profesional y me gusta muchísimo más que el mío. ¿Cómo ese hace eso?

Responder
Gem@

Hola Oliver es bastante diferente el efecto, a mi también me gusta más este efecto deslizante y así es como ha sido "bautizado" ;)
Puedes verlo aquí ;)

Responder
Anónimo

Hola Gema, menos mal que siempre leo todos los comentarios, se aprende cantidad... no llego a ver al El Rojo B. y no me hubiese dado cuenta de lo del #
Pero para saber, para otra vez, cuando teníamos que haber puesto "url-de-la-página" se refería a la http:/ del blog, ¿no? es que la puse así y me iba todo el rato a la página principal...

Gracias nuevamente, ya lo he puesto y ha quedado genial! :D
Por cierto, he usado uno de los iconos que has puesto de Iconlook, modificado. Son super chulos!

Responder
Gem@

Oliver siento haber dejado este comentario en el aire, como seguimos en los comentarios de otra entrada me olvidé responder aquí:(


Me alegra que lo solucionaras Maite y siento ver esto tan tarde :(

Responder
Gem@

Oliver siento haber dejado este comentario en el aire, como seguimos en los comentarios de otra entrada me olvidé responder aquí:(


Me alegra que lo solucionaras Maite y siento ver esto tan tarde :(

Responder
Carlitøs©

Buenas buenas, ando necesitando esta utilidad pero en sentido contrario :o :D lo que necesito es que el boton en vez de llebarme al principio me lleve al final de la pagina y si no recarga la apgina mejor, sinceramente intente editarlo pero no me salio, espero que se pueda hacer.
Gracias

Responder
Gem@

Carlitos sigue estos pasos

Una vez solo te falte añadir el enlce esto es lo que debes poner en la plantilla justo antes de </body>

<a href="#footer-wrapper"><img src="url-de-la-imagen"></a>

Responder
Carlitøs©

MUCHAS MUCHAS MUCHAS GRACIAS!, mañana mismo lo pruebo ;)

Responder
Gem@

Suerte Carlitos ;)

Responder
Admin

gem@ a ver... estoy tratando de hacer esto o algo parecido desde ayer, puse un script que dio Pizcos pero me creaba conflicto y lo saqué.
Donde tendría que poner # para que no cargue toda la página?
Voy a ir a mirar el de efecto deslizante que creo que es el que tenés ahora, pero si no me equivoco, lleva una librería y es bastante engorroso... pero igual me fijo a ver que puedo hacer, pero si andás por acá decime por favor que efecto hace este exactamente, que es mas fácil, si lleva al home no me interesa, ya que tengo un home abajo de todo y me carga todo otra vez...

Besos ;)

Tuve que usar el antiguo editor, el otro no me deja :(

Responder
Fernando QueenSpain

Hola Gema, he puesto el codigo y todo parece bien solo que cuando pulsas el boton en vez de ir arriba te manda a la pagina de inicio, ¿como es posible? la verdad es que me gustaba mucho este truco, ya me diras en que puede fallar, si no lo tenfre que quitar. Gracias.

Responder
Fernando QueenSpain

Ya lo solucione, probe lo que lei en los comentarios de cambiar la url del blog por # y listo, ahora a ver si me atrevo con el efecto ascensor. Gracias de todas las maneras por el truco.

Responder
Gem@

k_nelita como solucionaste el problema me olvidé contestarte :(

yz Fernando gracias por informarme a veces veo los comentarios desde el correo y voy volando a contestar sin mirar en el siguiente ;)
"Efecto ascensor" nuevo nombre que e apunto para este sistema :)

Responder
sistemas0711

Holass , jejeje de todas las cosas que he visto en todo este mundo llamado internet es lo primero que me funciona... bueno mi pregunta es la siguiente : salió todo bien con la iamgen pero cuando le doy clic no va hacia arriba como veo que es tu caso , sino que siempre se dirige a la página principal ..si pudieras ayudarme con eso (sino me equivoco se tiene que agregar más código ) ...te lo agradecería mucho . Mi correo es mike0711@hotmail.com

Responder
Gem@

Tranquilo Sistemas0711 seguro que te saldrán más cosas, todo es ponerse y ser constante ;)
Es lógico que no te salga ese efecto que ves en mi blog (no es el mismo)
Si quieres añadir el efecto deslizante mira aquí
La explicación es para añadir la flechita en las entradas pero puedes añadir el mismo efecto donde lo estabas colocando ;)

Responder
20 al futuro

gemaa gracias porlos aportes pero no me anda lo de la imagen, seguro no la coloque bien no se, ayudame me urge ponerla, te dejo mi mail para queme ayudes por ahi,
tavo_912_94@hotmail.com el problema es qe iol o pongo el codigo y cuando entro al blog no me sale nada! :S ayudame porfavor!

Responder
Gem@

yz 20 al futuro no veo en tu blog el código añadido :O
Activa la suscripción por correo electrónico para la próxima vez y te llega la respuesta a tu bandeja de correo, así ganamos tiempo todos ;)

Responder
Gem@

yz 20 al futuro donde pusiste #top sustitúyelo por la url de tu blog ;)

<a href='#top'><img alt='ir arriba' border='0' src='http://galeon.com/o-latino/blog/logoMANDALAY.png' style='position:fixed; bottom:0; right:0;'/></a>

Responder
JMH

Hola!!
Te agradezco porque logré poner la imagen flotante en mi blog. Hacía tiempo que buscaba la manera, pero recién hoy la encontré...
Blogo ya se instaló como mascota del blog jajaja:D

GRACIAS;)

Responder
Gem@

yz JMH no dudé en ir a ver a Blogo pero cualquiera lo encuentra entre tanto blog :O

Responder
La Seño Amparo

Hola Gema, por más que intento hacer lo de la imagen flotante, no lo consigo... eso de url de la pagina...yo pongo la de la pagina donde está alojada la imagen no...?ufff no lo consigo

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top